<html xmlns:th="http://www.thymeleaf.org">
	<head  th:fragment="head">
	 
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        

        <script src="js/vendor/modernizr-3.3.1.min.js"></script>
        <script src="js/vendor/jquery-2.2.4.min.js"></script>
        <style>
.form1-control1 {
    width: 50%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
</style>
	</head>
	

<body>
<head th:include="basePages/head::head">
</head>


	<div>
		<div style="text-align: center;line-height: 100px;disply:flex;flex-direction:column;">
						<h1  style="color: #6f42c1">热烈欢迎朱书记莅临</h1>
						<span style="color:#ffffff;">公众号名称</span>
							<input  class="form1-control1" type="text"  id="wxName" placeholder="公众号名称" />
						
						<button type="submit" class="btn"  onclick="submitWechat()">提交</button>
		</div>
		
		<div style="display: flex;flex-direction: column;">
			<span style="color:red;">当前以存公众号有：</span>
			<div style="display: flex;flex-direction: row;flex-wrap: wrap;line-height: 30px;">
				<span style="color:#ffffff;width:23%;"   th:each="wxName,index:${wxnameList}" th:text="${wxName.wxName}"></span>
			</div>
			
		</div>
		
		
	</div>
	
<div class="clear"></div>
<div th:replace="basePages/footer :: footer"></div>
<script type="text/javascript">
$(function() {
	UiTables.init();
});
var submitWechat = function(){
	var roleName=$("#wxName").val();
	$.ajax({
        url: "freeinsertWechatName",
        type: 'GET',
        data:{name:roleName},
        success: function () {
        	window.location.href="/freeinsertWechatNamePage";
        }
    });
};
</script>

</body>
</html>